@charset "utf-8";
@media screen and (max-width:1020px){
    .b_head { padding:25px 0;    }
        .b_head h6 { font-size:24px;        }
            .b_head p {  margin-top:1px;      }
.head,.nav_bg .nav_c ,.i_prom,.i_news li,.friend,.scd .title,.scd .about,.s_pro,.scd .pro_l,.pro_l ul,.pro_d,.i_news,.news,.documenut_width{width:740px;}
.head .logo , .head .logo img{ width:90px; height:auto;}
.nav_c .search{ width:236px;}
.nav_c .search .text{ width:170px;}
.nav_c .nav{ width:500px;}
.nav_c .nav li{ width:100px;}

.i_prom .lei{ width:180px; margin-right:10px;}
.i_prom .lei ul{ width:100%;}
.i_prom .i_prol,.mainPhoto ,.mainPhoto .go, .mainPhoto .go li{ width:550px;}
    .news dl dd .des { height:55px;    }
.mainPhoto .go li ul li{margin:1% !important; width:46%;}
.i_news li .tu, .i_news li .tu img{ width:366px; height:170px;}
.i_news li .wen{ width:346px; padding:0 10px 0; height:170px;}
.frd_m li , .frd_m li img{ width:177px; height:75px;}
.marqueeleft li{ height:175px;}
.marqueeleft li .pic , .marqueeleft li .pic img{ width:280px; height:175px;}
.pro_l .p_lei a{ padding:0px 40px;}
.pro_l ul li{ width:240px;}
.pro_l ul li img{ width:240px; height:145px;}
/*.pro_d .pro_da dt{ width:319px; height:219px;}
.pro_d .pro_da dt img{ width:289px; height:219px;}*/
.pro_d .pro_da dd{ width:360px;}
.news dl dd{ width:480px;}
.pro_d .pro_da dt{ width:365px;}

/****新加联系我们*****/
.lxwm_ly{  padding:20px; }
.lxwm_ly dl.d1{ width:49%; margin:0.5%;}
.lxwm_ly dl.d1 dt{ width:30%; height:30px; line-height:30px; font-size:14px;}
.lxwm_ly dl.d1 dd{ width:70%; }
.lxwm_ly dl.d1 dd .input{height:30px; line-height:30px; font-size:14px;text-indent:10px;}


.lxwm_ly dl.d2 dt {   width: 15%;  height: 30px;     line-height: 30px;   font-size: 14px;    }
.lxwm_ly dl.d2 dd{ width:85%; }
.lxwm_ly dl.d2 dd .text{ height:100px; line-height:30px; padding:5px 10px;font-size:14px; text-indent:10px;}

.lxwm_ly_b{ width:100%; height:36px; margin:15px 0%; float:left;}
.lxwm_ly_b .button{  height:36px; line-height:36px;  font-size:16px; }

.lxwm_div1{ padding:15px 0;}
dl.lxdl{ width:48%;}
dl.lxdl dt img{ width:60px;}
dl.lxdl dd{ margin-top:-30px; padding:30px 10px 20px 10px;  }
dl.lxdl dd strong{ font-size:18px; line-height:30px;}
dl.lxdl dd  p{  height:60px; }


dl.pdl{ width:32.333%; }



}
@media screen and (max-width:770px) {

    .head .logo, .head .logo img {
        width: 100px;
        height: auto;
    }

    .i_prom, .friend {
        padding-bottom: 50px;
    }

    .i_news {
        padding-bottom: 10px;
    }

        .head, .nav_bg .nav_c, .i_news, .i_prom, .i_news li, .friend, .scd .title, .scd .about, .s_pro, .scd .pro_l, .pro_l ul, .pro_d, .news, .documenut_width {
            width: 480px;
        }

    .head {
        height: auto;
    }

        .head .h_tel {
            float: left;
            margin-bottom: 10px;
            margin-left: 15px;
            margin-top: 5px;
        }

    .nav_bg, .nav_bg .nav_c {
        height: auto;
    }

    .nav_c .search {
        width: 480px;
        margin-bottom: 10px;
    }

        .nav_c .search .text {
            width: 420px;
        }

    .nav_c .nav li {
        height: 45px;
        line-height: 45px;
        font-size: 15px;
        width: 96px;
    }


    .leis { display:none;    }
.ohidden {overflow: hidden;    position: relative;}
.left_menu_an{ width:8%; position:absolute; left:0px; top:10px; height:40px; background:url(../images/nav_ico.png) center center no-repeat #003399; cursor:pointer; float:left; z-index:11; border-radius:2px; background-size:20px auto;}
.left_div .left_bai{ background:#e5e5e5;}
.left_div{ width:220px; margin:0; position:absolute; left:-220px; top:50px; z-index:1;}
.banzhu_tt{ background:#333;}
.left_div.shows{ left:0px; }


.i_prom .lei , .i_prom .lei ul{ width:100%; height:auto; margin:0px; margin:0px auto;}
    .i_prols {  width:90% !important ; float:right;  margin-top:10px !important ;   }




.i_prom .lei ul li{ width:96%; float:left; margin:0 2%;}
/*.i_prom .i_prol{ width:460px; margin:0px auto; height:auto; margin-top:20px;}*/
.i_prom .i_prol{ margin-top:20px !important;}
 .i_prom   .i_prols{   margin-top:0px !important ;   }

.i_prom .i_prol,.mainPhoto ,.mainPhoto .go, .mainPhoto .go li{ width:480px; margin:0px auto; height:auto;}
.mainPhoto .go li ul li img{ width:222px; height:230px;}
.mainPhoto .go li ul li{ width:222px;margin: 15px 0 6px 5px !important;}
.i_news li .tu, .i_news li .tu img{ width:480px; height:222px;}
.i_news li .wen{ width:460px;}
.frd_m li{ margin-right:5px;}
.frd_m li{ width:31.333%; height:auto; margin:1%}
.frd_m li img{ width:100%; height:auto; display:block;}
.marqueeleft li .pic, .marqueeleft li .pic img{ width:252px; height:157px;}
.marqueeleft li{ height:157px;}
.pro_l ul li img{ width:230px; height:139px;}
.pro_l ul li{ width:230px; margin-right:10px !important;}
.pro_d .pro_da dt{ width:100%; height:auto; border:0px;}
/*.pro_d .pro_da dt img{ width:100%; height:auto;}*/
.pro_d .pro_da dd{ width:100%; margin-top:20px; border-bottom:1px solid #ddd; padding-bottom:30px;}
.news dl{ border-bottom:1px dashed #ddd;}
.news dl dd{ width:100%; margin-bottom:15px; margin-top:5px;}
#preview{ margin:0px auto; margin-bottom:20px;}
.zoomdiv,.pro_d .pro_da dt .bigimg,.jqZoomPup{ display:none !important;}

 .news dl { width:48%; margin:1%;  float:left; padding-bottom:0; border-bottom:none;   }
.news dl dt, .news dl dt img { width:100%; height:auto;        }

dl.zstpdl {    width: 48%;  margin: 1%;}



/****新加联系我们*****/
.lxwm_ly{  padding:20px 0; }
.lxwm_ly dl.d1{ width:99%; margin:0.5%;}
.lxwm_ly dl.d1 dt{ width:100%; height:30px; line-height:30px; font-size:14px; text-align:left;}
.lxwm_ly dl.d1 dd{ width:100%; }
.lxwm_ly dl.d1 dd .input{height:30px; line-height:30px; font-size:14px;text-indent:10px;}

.lxwm_ly dl.d2 dt {   width: 100%;  height: 30px;     line-height: 30px;   font-size: 14px; text-align:left;   }
.lxwm_ly dl.d2 dd{ width:100%; }
.lxwm_ly dl.d2 dd .text{ height:100px; line-height:30px; padding:5px 10px;font-size:14px; text-indent:10px;}

.lxwm_ly_b{ width:100%; height:36px; margin:15px 0%; float:left;}
.lxwm_ly_b .button{  height:36px; line-height:36px;  font-size:16px; }

.lxwm_div1{ padding:15px 0;}
dl.lxdl{ width:98%;}
dl.lxdl dt img{ width:60px;}
dl.lxdl dd{ margin-top:-30px; padding:30px 10px 20px 10px;  }
dl.lxdl dd strong{ font-size:18px; line-height:30px;}
dl.lxdl dd  p{  height:60px; }


dl.pdl{ width:49%; }
.nybanner{ width:100%; height:200px; background-size:cover !important;}

}
@media screen and (max-width:510px) {
.head,.nav_bg .nav_c ,.i_news,.i_prom,.i_news li,.friend,.scd .title,.scd .about,.s_pro,.scd .pro_l,.pro_l ul,.pro_d,.news,.documenut_width{width:94%;}
.head .logo, .head .logo img{ width:70px; height:auto; margin-top:5px;}
.head .h_tel{ width:247px; margin-top:10px; float:right;}
.head .h_tel dt img , .head .h_tel dt{ width:35px; height:35px;}
.head .h_tel dd{ width:200px;}
.head .h_tel dd div{ font-size:16px; height:20px; line-height:20px;}
.nav_c .search{ width:280px; float:left;}
.nav_c .search .text{ width:215px;}
.nav_c{ position:relative;}
.nav_c .nav{ display:none;}
.nav_c .nav_m{ display:block;}
 .mainPhoto .go li ul li img { width:100%; height:40vw;    }
    .mainPhoto .go li ul li .name { height:36px; line-height:36px; font-size:14px;    }
.i_prom .i_prol,.mainPhoto ,.mainPhoto .go, .mainPhoto .go li{ width:100%; margin:0px auto; height:auto;}

.mainPhoto .go li ul li .title p{ height:36px; line-height:36px; font-size:14px;    }

.mainPhoto .go li ul li{ width:48%; height:auto; margin:1% !important;}
.i_news li .tu, .i_news li .tu img{ width:100%; height:148px;}
.i_news li .wen{ width:300px;}
.foot{ width:100%; margin:0px auto;}
.foot .f_nav{ margin-bottom:10px;}
.frd_m li{ width:48%; height:auto;}
.s_pro{ padding:0px;}
.pro_l .p_lei a{ padding:0 20px;}
.pro_l ul li{ width:320px; margin:0px !important; margin-bottom:15px !important;}
.pro_l ul li img{ width:320px; height:193px;}
#preview,#spec-n5,.jqzoom{ width:320px;}
.jqzoom{ height:250px;}
.jqzoom img{ width:320px; height:242px;}
#spec-list div,#spec-list{ width:290px !important;}
#spec-list div{ margin-left:0px;}
dl.pdl{ width:99%; }
    .news dl { width:48%; margin:1%;    }
        .news dl dd { padding-top:5px;        }
            .news dl dd .tilte { height:27px; line-height:27px;            }
.nybanner{ width:100%; height:130px; background-size:cover !important;}

}